<template>
  <div class="m_right">
    <p></p>
    <div class="mem_tit" v-html="title"></div>
    <p class='news_detail_content'>{{content}}</p>
  </div>
</template>

<script>
export default {
    name: 'NewsDetail',
    data() {
        /* return {
            title: this.$route.params.title,
            content: this.$route.params.content,
        } */
    },
    beforeMount() {
        console.log(this.title, this.content)
        console.log(this)
    },
    destroyed() {
        console.log("NewsDetail销毁了")
    },
    props: ['title', 'content']
}
</script>

<style scoped>
    .news_detail_content {
        max-width: 100%;
        white-space: pre-wrap; /* 保留换行符，同时正常换行 */
        word-break: break-all; /* 允许在任意字符间换行 */
        padding: 0 1rem;
        text-indent: 2rem;
    }
</style>